<template>
    <div>
        <van-contact-card type="add" @click="onAdd">

        </van-contact-card>
    </div>
    <van-grid>
        <van-grid-item icon="shopping-cart-o" text="文字" />
        <van-grid-item icon="fire-o" text="文字" />
        <van-grid-item icon="gift-o" text="文字" />
        <van-grid-item icon="bag-o" text="文字" />
    </van-grid>
    <div class="box">
        <span>$100</span>
        <span>粉丝:100</span>
        <span>关注:100</span>
    </div>
    <div class="box1">
        <h3>我的订单</h3>
        <van-grid>
            <van-grid-item icon="shopping-cart-o" text="文字" />
            <van-grid-item icon="fire-o" text="文字" />
            <van-grid-item icon="gift-o" text="文字" />
            <van-grid-item icon="bag-o" text="文字" />
        </van-grid>
        <van-grid>
            <van-grid-item icon="shopping-cart-o" text="文字" />
            <van-grid-item icon="fire-o" text="文字" />
            <van-grid-item icon="gift-o" text="文字" />
            <van-grid-item icon="bag-o" text="文字" />
        </van-grid>
    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.box {
    width: 100%;
    height: 100px;
    background-color: black;
    border-radius: 20px;

    span {
        float: left;
        color: wheat;
        margin-top: 30px;
        margin-left: 30px;
    }
}
</style>